<template>
	<view class="wrap">
		<image class="cover" src="/static/home/home_default_1.jpg"></image>
		<view>
			<view class="title">兼顾城配和干线运输，如何 选择适合自己的方式去完...</view>
			<view class="time">2021.12.12 15:38</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {}
};
</script>

<style lang="scss" scoped>
.wrap {
	background-color: #fff;
	padding: 20upx;
	border-radius: 16upx;
	display: flex;
	position: relative;
	color: #333;
}

.cover {
	width: 260upx;
	height: 200upx;
	border-radius: 16upx;
	flex-shrink: 0;
	margin-right: 22upx;
}

.title {
	font-size: 28upx;
	font-weight: bold;
	line-height: 43upx;
	text-spacing: 25upx;
}

.time {
	position: absolute;
	bottom: 0upx;
	right: 27upx;
	font-size: 20upx;
	line-height: 55px;
	text-spacing: 25upx;
}
</style>
